<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="8">
        <left-form @getProcessOptimization="getProcessOptimization" />
      </el-col>
      <el-col :span="16">
        <div>
          <el-table
          border
            :cell-style="{ padding: this.tablePadding }"
            v-loading="loading"
            :data="list"
          >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="产品ID" align="center" prop="workingId" />
            <el-table-column
              label="产品名称"
              align="center"
              prop="workingName"
            />
            <el-table-column
              label="产品分类"
              align="center"
              prop="workingName"
            />
            <el-table-column
              label="加工任务"
              align="center"
              prop="workingName"
            />
            <el-table-column label="描述" align="center" prop="workingName" />
            <el-table-column
              label="产品图像"
              align="center"
              prop="workingName"
            />
            <el-table-column
              label="产品参数"
              align="center"
              prop="workingName"
            />
            <el-table-column label="建立人" align="center" prop="workingName" />
            <el-table-column
              label="建立时间"
              align="center"
              prop="workingName"
            />
          </el-table>
          <pagination
            v-show="total > 0"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="getList"
          />
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { getProcessOptimization } from "@/api/technology/product";
import LeftForm from "./components/Left.vue";
export default {
  components: { LeftForm },
  data() {
    return {
      loading: false,
      list: [],
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      total: 0,
    };
  },
  methods: {
    getProcessOptimization(query) {
      getProcessOptimization(query).then((res) => {});
    },
    getList() {},
  },
};
</script>

<style>
</style>